<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<%
	String list_req_id = request.getParameter("req_id");
%>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>List</title>
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href='<c:url value="/styles/jquery.mobile-1.2.0.min.css"/>'/>
	<script src='<c:url value="/scripts/jquery-1.8.2.min.js"/>'></script>
	<script src='<c:url value="/scripts/jquery.mobile-1.2.0.min.js"/>'></script>
	<style type="text/css">
	.center-wrapper{
		text-align: center;
	}
	.ui-page {
		background-image:url(<c:url value='/images/bg.png'/>);
		background-size:cover;  
	}
	</style>
	<script type="text/javascript">
	$('.ui-page').live("pagecreate", function() {
		$('.ui-content').height($(window).height()*0.8);
   	});
	</script>
</head>
<body>
<div id="list" data-role="page">
	<div data-role="header" data-position="fixed">
		<h1>Jquery Mobile</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<div class="center-wrapper"><h1><%=list_req_id%></h1></div>
		<ul data-role="listview">
		<%for(int i=0; i < 7; i++) { %>
			<li>
			<a href="<c:url value='/pages/user/content-multi2.jsp?req_id='/><%=list_req_id+i%>" data-ajax="false">
			    <img src='<c:url value="/images/def.png"/>'/>
			    <h3><%=list_req_id+i%></h3>
			    <p>The White Stripes</p>
			</a></li>
		<%} %> 
		</ul>
	</div><!-- /content -->
	<div data-role="footer" data-position="fixed">
        <h3>
            Footer
        </h3>
        <a data-role="button" data-rel="back" class="ui-btn-left" data-icon="back">
            Back
        </a>
        <a data-role="button" data-rel="back" rel="external"
        	href="<c:url value='/pages/user/login_success.jsp'/>" class="ui-btn-right" data-icon="home">
            Home
        </a>
    </div>
</div><!-- /page -->

</body>
</html>